<html>
<head>
<title>300px Body</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javaScript" type="text/javascript" src="../calander/calendar.js"></script>
<link href="../calander/calendar.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="../logic/validation/validation.js" type="text/javascript"></script>
<script language="JavaScript" src="../logic/validation/student_add.js" type="text/javascript"></script>
<style type="text/css">
.style1{
	color:#F00000;
}
</style>

</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="800" height="481" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
	<tr>
		<td>
			<img src="../images/st_add.gif" width="800" height="69" alt=""></td>
	</tr>
	<tr>
		<td height="372"  background="../images/2.gif" style="background-repeat:repeat-y">
			<table width="749" border="0" align="center" cellpadding="0" cellspacing="0">
				<form id="myForm">
      			<?php  
	  			$time_now=mktime(date('H')+5,date('i')+30,date('s'),date('m'),date('d'),date('Y'));//get current date and time
	  			$year=date('Y',$time_now);
	  	  		$initial=($year-10);
	  			$x=($year-22);
	  			?>
            	<tr>
        			<td width="118" height="22">&nbsp;</td>
        			<td width="132"><div align="right"><strong>Initials&nbsp;&nbsp;&nbsp; </strong></div></td>
        			<td colspan="6"><input name="txtIni" type="text" id="txtIni"></td>
        			<td width="171"><span class="style1">*</span> <span class="style2"> Required Field </span></td>
        			<td width="28">&nbsp;</td>
      			</tr>
      			<tr>
        			<td height="19">&nbsp;</td>
        			<td>&nbsp;</td>
        			<td colspan="6">&nbsp;</td>
        			<td>&nbsp;</td>
        			<td>&nbsp;</td>
      			</tr>
      			<tr>
        			<td height="22">&nbsp;</td>
        			<td><div align="right"><strong>First Name <span class="style1">*</span> </strong> </div></td>
        			<td colspan="6"><input name="txtFn" type="text" id="txtFn"></td>
        			<td>&nbsp;</td>
        			<td>&nbsp;</td>
      			</tr>
      			<tr>
        			<td height="19">&nbsp;</td>
        			<td>&nbsp;</td>
        			<td colspan="6">&nbsp;</td>
        			<td>&nbsp;</td>
        			<td>&nbsp;</td>
      			</tr>
      			<tr>
        			<td height="22">&nbsp;</td>
        			<td><div align="right"><strong>Last Name</strong> <span class="style1">*</span> </div></td>
        			<td colspan="6"><input name="txtLn" type="text" id="txtLn"></td>
        			<td>&nbsp;</td>
        			<td>&nbsp;</td>
      			</tr>
      			<tr>
        			<td height="19">&nbsp;</td>
        			<td>&nbsp;</td>
        			<td colspan="6">&nbsp;</td>
        			<td>&nbsp;</td>
        			<td>&nbsp;</td>
     		 	</tr>
      			<tr>
        			<td height="22">&nbsp;</td>
        			<td><div align="right"><strong>Gender <span class="style1">*</span> </strong></div></td>
        			<td colspan="6"><input name="sltGen" type="radio" id="sltGen1" value="Male" >Male 
        				<input name="sltGen" type="radio" id="sltGen2" value="Female">Female</td>
        			<td>&nbsp;</td>
        			<td>&nbsp;</td>
     	 		</tr>
      			<tr>
        			<td height="19">&nbsp;</td>
        			<td>&nbsp;</td>
        			<td colspan="6">&nbsp;</td>
        			<td>&nbsp;</td>
        			<td>&nbsp;</td>
      			</tr>
      			<tr>
        			<td height="22">&nbsp;</td>
        			<td><div align="right"><strong>BirthDay</strong> <span class="style1">*</span> </div></td>
        			<td colspan="6"><input type="text" name="txtBd" id="txtBd">
        				<a href="#" onClick="setYears(1990, 2007);
       					showCalender(this, 'txtBd');">
      					<img src="../calander/calender.png" width="24" height="20"></a>

    <!-- Calender Script  --> 

    <table id="calenderTable">
        <tbody id="calenderTableHead">
          <tr>
            <td colspan="4" align="center">
	          <select onChange="showCalenderBody(createCalender(document.getElementById('selectYear').value,
	           this.selectedIndex, false));" id="selectMonth">
	              <option value="0">Jan</option>
	              <option value="1">Feb</option>
	              <option value="2">Mar</option>
	              <option value="3">Apr</option>
	              <option value="4">May</option>
	              <option value="5">Jun</option>
	              <option value="6">Jul</option>
	              <option value="7">Aug</option>
	              <option value="8">Sep</option>
	              <option value="9">Oct</option>
	              <option value="10">Nov</option>
	              <option value="11">Dec</option>
	          </select>
            </td>
            <td colspan="2" align="center">
			    <select onChange="showCalenderBody(createCalender(this.value,document.getElementById('selectMonth').selectedIndex, false));" id="selectYear">
				</select>
			</td>
            <td align="center">
			    <a href="#" onClick="closeCalender();"><font color="#003333" size="+1">X</font></a>
			</td>
		  </tr>
       </tbody>
       <tbody id="calenderTableDays">
         <tr style="">
           <td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td>Sat</td>
         </tr>
       </tbody>
       <tbody id="calender"></tbody>
    </table>

<!-- End Calender Script  -->  </td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td>&nbsp;</td>
        <td colspan="6">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="22">&nbsp;</td>
        <td><div align="right"><strong>NIC&nbsp;&nbsp;&nbsp;</strong></div></td>
        <td colspan="6"><input name="txtNic" type="text" id="txtNic" onBlur="nicload()"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td>&nbsp;</td>
        <td colspan="6"><div id='ajaxDiv2' class="error_strings" >&nbsp;</div></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="25">&nbsp;</td>
        <td><div align="right"><strong>Address <span class="style1">*</span> </strong></div></td>
        <td colspan="6"><textarea name="txtAdd" rows="3" id="txtAdd"></textarea></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td>&nbsp;</td>
        <td colspan="6">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="22">&nbsp;</td>
        <td><div align="right"><strong>Contact No&nbsp;&nbsp;&nbsp;</strong> </div></td>
        <td colspan="6"><input name="txtCn" type="text" id="txtCn"> 
        eg:-0112345678</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td>&nbsp;</td>
        <td colspan="6">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="22">&nbsp;</td>
        <td><div align="right"><strong>Email&nbsp;&nbsp;&nbsp;</strong></div></td>
        <td colspan="6"><input name="txtEmail" type="text" id="txtEmail" onBlur="mailload()" ></td>
        <td><div id="em" align="left">&nbsp;</div></td>
        <td>&nbsp;</td>
      </tr>
      
      
      <tr>
        <td height="25">&nbsp;</td>
        <td height="25">&nbsp;</td>
        <td height="25" colspan="6"><div id='ajaxDiv1' class="error_strings" ></div></td>
        <td height="25">&nbsp;</td>
        <td height="25">&nbsp;</td>
      </tr>
	  </form>
      <tr>
        <td height="25">&nbsp;</td>
        <td height="25">&nbsp;</td>
        <td width="4">&nbsp;</td>
        <td width="66" height="25"><input type="submit" name="Submit" value="Submit" onClick="formValidator()"></td>
        <td width="31" height="25">&nbsp;</td>
        <td width="70"><input type="reset" name="Submit2" value="Cancel" onClick="clearx()"></td>
        <td width="4" height="25">&nbsp;</td>
        <td width="125" height="25">&nbsp;</td>
        <td height="25">&nbsp;</td>
        <td height="25">&nbsp;</td>
      </tr>
     </table>
	</td>
  </tr>
   <tr>
		<td><img src="../images/3.gif" width="800" height="40" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>